Canigó - Detall dels tags - button

Detall dels tags - button

Defineix un botó. El botó es pot "omplir" amb un texte i/o amb una icona.

La documentació auto-generada del tag és a http://canigo.ctti.gencat.net/confluence/canigodocs/site/canigo2_2/tlddoc/fwk/button.html

Atributs heredats

Atributs específics de Canigó

Atribut Funció
accesskey tecla d'accés directe
mode  
onblur acció a realitzar en l'event de pèrdua de focus
onchange acció a realitzar en l'event de canvi de valor
onclick acció a realitzar en l'event de punxar l'element
ondblclick acció a realitzar en l'event de punxar l'element dues vegades seguides
onfocus acció a realitzar en l'event de rebre el focus
onkeydown acció a realitzar en l'event de pulsar una tecla mentre l'element te el focus
onkeypress acció a realitzar en l'event de
onkeyup acció a realitzar en l'event d'alliberar la tecla pulsada mentre l'element te el focus
onmousedown acció a realitzar en l'event de pulsar un botó del ratolí sobre l'element
onmousemove acció a realitzar en l'event de moure el ratolí sobre l'element
onmouseout acció a realitzar en l'event de treure el ratolí de l'element
onmouseover acció a realitzar en l'event de posar el ratolí sobre l'element
onmouseup acció a realitzar en l'event d'alliberar el botó del ratolí sobre l'element
property  
reqCode  
style estil CSS a aplicar
styleClass classe CSS a aplicar
styleId identificador de l'element, per lligar-lo amb la configuració Spring
tabindex posició de l'element en la navegació amb TABulador
type  
value valor de l'element que s'envia al fer el submit

Exemple

A continuació es presenta un fragment de pàgina que utilitza el tag fwk:button

Pàgina JSP

<%@ include file="/WEB-INF/jsp/includes/fwkTagLibs.jsp" %>

<fwk:configuration styleId="configurationTag"/>

<fwk:form action="provesTagsLayout.do"
          styleId="myActionForm"
          key="jsp.provesTags.ProvesTagsSimple.form"
          reqCode="show"
          layout="false"
          method="post">

    <fwk:gridBagLayout gridStyleId="grid"
                       size="2,5"
                       gridStyle="border:1px solid green"
                       style="0:0=color:red;background-color:yellow,*:2=color:blue;background-color:yellow">
        (...)
        <span>
            <fwk:button styleId="boto2"
                        mode="D,D,D"
                        style="height:22px;color:#008000">
                <img src="<c:url value="/images/save.jpg"/>" id="imagen"/>
                <fmt:message key="jsp.provesTags.ProvesTagsSimple.boto2" />
            </fwk:button>
        </span>
        (...)
    </fwk:gridBagLayout>
</fwk:form>

Arxius d'internacionalització

jsp.provesTags.ProvesTagsSimple.boto2=camp button

Bugs

Tot i que en el TLD es declari com opcional, l'atribut mode sembla ser obligatori.

Aquest tag no es situa correctament en els layouts que utilitzen la característica de generació automàtica d'etiquetes associades.